<template>
    <a-drawer
            title="查看"
            :visible="visible"
            :width="width || '1000px'"
            :confirmLoading="confirmLoading"
            @close="handleCancel"
    >
        <div class="xlSeeFrom">
            <div class="xlSeeFrom-view">
                <a-descriptions bordered  :column="2">
                    <!--<a-descriptions-item label="选择数据年份" span="2">-->
                    <!--{{form.year}}-->
                    <!--</a-descriptions-item>-->
                    <a-descriptions-item label="选择入驻时间" span="2">
                        {{form.joinDate | date}}
                    </a-descriptions-item>
                    <a-descriptions-item label="负责人">
                        {{form.contactName}}
                    </a-descriptions-item>
                    <a-descriptions-item label="负责人电话">
                        {{form.contactPhone}}
                    </a-descriptions-item>
                    <a-descriptions-item label="是否转为企业" span="2">
                        {{form.isComFlag | bool}}
                    </a-descriptions-item>
                    <a-descriptions-item label="选择行业领域">
                        {{form.industryDomain | xls}}
                    </a-descriptions-item>
                    <a-descriptions-item label="租用场地面积">
                        {{form.rentArea | xln}}
                    </a-descriptions-item>
                    <a-descriptions-item label="员工人数">
                        {{form.employeeNum | xln}}
                    </a-descriptions-item>
                    <a-descriptions-item label="获投融资额(万元)">
                        {{form.hatchedAmt | xln}}
                    </a-descriptions-item>
                    <a-descriptions-item label="合同" span="2">
                        <xluploadFile v-model="form.contractPath" :del-visible="false"></xluploadFile>
                    </a-descriptions-item>
                </a-descriptions>
            </div>
            <div class="drawer-footer">
                <a-button @click="handleOk" type="primary">
                    关闭
                </a-button>
            </div>
        </div>
    </a-drawer>
</template>

<script>
    import xluploadFile from '@/components/formUntil/xluploadFile'
    export default {
        name: "xlSeeFrom",
        data() {
            return {
                visible: false,
                type: 1,
                form: {},
                confirmLoading: false,
                tableTitle: '查看'
            }
        },
        props:{
            width:String
        },
        components:{
            xluploadFile
        },
        created() {

        },
        methods: {
            handleOk() {
                this.confirmLoading = false
                this.visible = false
            },
            formatData(columns,formData) {
                this.form = formData
            },
            handleCancel() {
                //关闭窗口
                this.visible = false
            }
        }
    }
</script>


<style lang="less">
    .ant-drawer-body {
        width: 100%;
        height: calc(100% - 55px);

        .xlSeeFrom {
            width: 100%;
            height: 100%;

            .xlSeeFrom-view{
                width: 100%;
                height: calc(100% - 50px);
                overflow-y: scroll;
                .ant-descriptions-item-label{
                    padding: 16px;
                    word-break: keep-all;
                }
                .ant-card{
                    margin-bottom: 10px;
                }
            }

            .drawer-footer {
                width: 100%;
                height: 50px;
                border-top: 1px solid #e8e8e8;
                border-radius: 0 0 4px 4px;
                display: flex;
                align-items: center;
                justify-content: flex-end;
            }
        }
    }
</style>
